
.cascader{

  width: 100%;
  height: 100%;
  position: fixed;
  top:  0px;
  left: 0px;
  display: flex;
  flex-direction: column;
  z-index: 1000;


}
.container1{
  flex: 1;
  background-color: black;
  opacity: 0.6;
}

.container2{

  width: 100%;
  height: 5.5rem;
  background: #f3f6ff;

  display: flex;
  flex-direction: column;
}

.header{
  background-color: #ffffff;
  height: 1rem;
}


.h-n{
  padding-top: .2rem;
  margin: 0 auto;
  width: 90%;
  display: flex;
  justify-content: space-between;
}
.font1{
  font-size: .30rem;
  cursor: pointer;
}

.font2{
  font-size: .30rem;
  color: #fe8734;
  cursor: pointer;
}

.content{
  flex: 1;
  display: flex;
  justify-content: space-around;
  overflow: hidden;
}



.p{
  background-color: aqua;
  width: 1.5rem;
  height: 100%;
}

.c{
  background-color: #fe8734;
  width: 1.5rem;
  height: 100%;
}

.l{
  background-color: forestgreen;
  width: 1.5rem;
  height: 100%;

}









